﻿<html>
<head>
<title>CSS3 Border Right Width Test</title>

<style type="text/css">
body {border-right-width: 20px; border-right-style: solid;}
p {border-right-width: thin; border-right-style: solid;
  }
h3 {border-right-width: 50px; border-right-style: solid;}
h4 {border-right-width: medium; border-right-style: solid;}
em {border-right-width: thick; border-right-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Right Width Test</h1>





<ul>
<li >
For "border-right-width", possible values are "&lt;border-width&gt;" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a thin
border right width.
The rule applied is "p {border-right-width: thin;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</p>
<h3>
The border-right-width of this h3 heading should be 50px.  
The rule applied is "h3 {border-right-width: 50px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.

</h3>
<h4>
The border-right-width of this h4 heading should be medium.
The rule applied is "h4 {border-right-width: medium;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h4>
<em>
This emphasized test should have a border right width of thick.
The rule applied is "em {border-right-width: thick;}".  This is some
more text to test this item properly.  Here is even more text to make
sure that this item is tested properly in this instance.  The border-right-width
property does apply to this element. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have thin border left width.  The body's border right width of 20px should display,
since the rule "body {border-right-width: 20px;}" applies.  Border right style of solid
is applied to all CSS rules, so that right border is visible.  
</p>

</body>
</html>
